<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>您的第一次</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="assets/vendor/bootstrap-v3.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/vendor/jquery-fullpage/jquery.fullpage.min.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
    <audio autoplay="autoplay" loop="lopp">
        <source src="assets/bg.mp3" type="audio/mp3" />
        <embed height="100" width="100" src="assets/bg.mp3" />
    </audio>
    <div id="main">
        <div id="coverPage" class="section">
            <div class="container">
                <div class="coverContent hidden">
                    <span class="coverTitle">集大我的第一次</span>
                    <span class="coverText">那些年，<br />我在集美大学经历的第一次......</span>
                </div>
                <img src="assets/image/cover.png" alt="集美大学" class="coverImage hidden" />
            </div>
        </div>
        <div id="loginPage" class="section">
            <div class="container">
                <div class="login">
                    <div class="login-01">
                        <img src="img/banner/1.png" class="loginImage hidden" />
                    </div>
                    <div class="loginButton">
                        <a class="btn tologin hidden">登录查看我的第一次</a>
                    </div>
                </div>
            </div>
        </div>
        <div id="pg1" class="section">
            <div class="container">
                <div class="pg1Image">
                    <div class="pg1-01 hidden">
                        <img src="assets/image/pg1-02.png" alt="集大尚大楼" />
                    </div>
                </div>
                <div class="pg1Text hidden">
                    <span class="pg1Name">亲爱的<strong id="name">李承峻</strong>同学，你好！</span>
                    <span class="pg1Words">白驹过隙，岁月静好，<br />可记得你在集大的那些第一次？</span>
                </div>
            </div>
        </div>
        <div id="pg2" class="section">
            <div class="container">
                <div class="pg2Image">
                    <div class="pg2-01 hidden">
                        <img src="assets/image/pg2-01-1.png" alt="消费种类" class="pg2-01-1 hidden" />
                        <img src="assets/image/pg2-01-2.png" alt="一卡通" class="pg2-01-2 hidden" />
                    </div>
                </div>
                <div class="pg2Text hidden">
                    <span class="pg2Intro">食堂、超市、图书馆、校车......校园卡，小小卡片发挥着大大作用。</span>
                    <span class="pg2Time">${requestScope.V_XS_DYC.xfsj}</span>
                    <span class="pg2Words">你第一次使用校园卡，<br />在<strong class="pg2-loc">${requestScope.V_XS_DYC.xfdd}</strong><br />消费了<strong class="pg2-cost">${requestScope.V_XS_DYC.xfje}</strong>元。</span>
                </div>
            </div>
        </div>
        <div id="pg3" class="section">
            <div class="container">
                <img src="assets/image/pg3-01.png" alt="集大图书馆" class="pg3Image hidden" />
                <div class="pg3Text hidden">
                    <span class="pg3Intro">翻一页书，粒粒阳光投泻纸上...<br />遇见一本书，邂逅一位哲人。<br /></span>
                    <span class="pg3No">集大图书馆静静等候你的到来。</span>
                    
                    <span class="pg3Library">
                        <strong id="pg3Time" class="pg3Time">2013年11月5日</strong><br />你第一次来到
                        <strong class="library">${requestScope.V_XS_DYC.tsdd}</strong>
                    </span>
                    <span class="pg3Book">
                        借走了第一本书：<strong class="book">${requestScope.V_XS_DYC.sjmc}</strong>
                    </span>
                </div>
            </div>
        </div>
        <div id="pg4" class="section">
            <div class="container">
                <div class="pg4Text hidden">
                    <span class="pg4Intro">知悉了你的困难，集大努力帮助。</span>
                    <span class="pg4Help">
                        <strong class="pg4Time">
                            ${requestScope.V_XS_DYC.zxjpdxn}
                            ${requestScope.V_XS_DYC.zxjpdxn}
                        </strong>
                        <br />你第一次获得了<br />
                        <strong class="pg4HelpType">
                            ${requestScope.V_XS_DYC.zxjje}
                            ${requestScope.V_XS_DYC.zxjmc}
                        </strong></span>
                </div>
                <div class="pg4Image">
                    <img src="assets/image/pg4-01.png" class="pg4-01 hidden" alt="五星红旗" />
                    <img src="assets/image/pg4-02.png" class="pg4-02 hidden" alt="握手" />
                </div>
            </div>
        </div>
        <div id="pg5" class="section">
            <div class="container">
                <div class="pg5Image hidden">
                    <img src="assets/image/pg5-01.png" class="pg5-01" alt="第一次挂科" />
                </div>
                <div class="pg5Text hidden">
                    <span class="pg5Intro">人有失足，马有失蹄。</span>
                    <span class="pg5Down">
                        <strong class="pg5Time">${requestScope.V_XS_DYC.gkxq}</strong>
                        <br />你第一次挂科
                        <br />科目是《<strong class="pg5Class">${requestScope.V_XS_DYC.gkkm}</strong>》
                    </span>
                </div>
            </div>
        </div>
        <div id="endPage" class="section">
            <div class="container">
                <div class="endPageText hidden">
                    <span>原来<br />
                    你在集大已经有了这么多第一次，<br />
                    来日方长，<br />
                    希望你和集美大学一起<br />
                    创造出更多美好的回忆。
                    </span>
                </div>
                <img src="assets/image/endPage-01.png" alt="集大图书馆" class="endPageImage hidden" />
            </div>
        </div>
    </div>
    <script src="assets/vendor/jquery-v1.11.3/jquery.min.js"></script>
    <script src="assets/vendor/bootstrap-v3.3.1/js/bootstrap.min.js"></script>
    <script src="assets/vendor/jquery-fullpage/jquery.fullpage.min.js"></script>
    <script src="assets/js/index.js"></script>
</body>
</html>